<html>

<head>
<title>Teste</title>
</head>
<body>

<div class="wrap">
<form name="form-criar-os" method="post" action="os-gerada.php">
<h2>Criar Nova Ordem de Serviço </h2>
	<span id ="garantia-produto">
		<input type="radio" name="radio-garantia" id="fora-de-garantia"/> <label for="fora-de-garantia"><b>Fora de Garantia</b></label>
		<input type="radio" name="radio-garantia" id="em-garantia"/> <label for="em-garantia"><b>Em Garantia</b></label>
	</span>
<div id="all-data">
		<div id="client-information" class="form-data">
			<h3>Dados do Cliente</h3>
			<div class="inside">
				<div class="linha-formulario">
					<div id="coluna-esquerda" class="duas-colunas">
						<label class="etiqueta" for="cpf-cliente">CPF:</label> <br/>
						<input type="text" id="cpf-cliente" name="cpf-cliente" value="" />
					</div>
					<div id="coluna-direita" class="duas-colunas">
						<label class="etiqueta" for="rg-cliente">RG:</label> <br/>
						<input type="text" id="rg-cliente" name="rg-cliente" value="" />
					</div>
				</div>
				<div class="linha-formulario">
					<div id="coluna-esquerda" class="duas-colunas">
						<label class="etiqueta" for="nome-cliente">Nome:</label> <br/>
						<input type="text" id="nome-cliente" name="nome-cliente" value="" />
					</div>
					<div id="coluna-direita" class="duas-colunas">
						<label class="etiqueta" for="email-cliente">Email:</label> <br/>
						<input type="text" id="email-cliente" name="email-cliente" value="" />
					</div>
				</div>
				<div class="linha-formulario">
					<div class="uma-coluna">
						<label class="etiqueta" for="endereco-cliente">Endereço:</label> <br/>
						<input type="text" id="endereco-cliente" name="endereco-cliente" value="" />
					</div>
				</div>
				<div class="linha-formulario">
					<div id="coluna-esquerda" class="tres-colunas">
						<label class="etiqueta" for="telefone-cliente">Telefone:</label> <br/>
						<input type="text" id="telefone-cliente" name="telefone-cliente" value="" />
					</div>
					<div id="coluna-meio" class="tres-colunas">
						<label class="etiqueta" for="celular-cliente">Celular:</label> <br/>
						<input type="text" id="celular-cliente" name="celular-cliente" value="" />
					</div>
					<div id="coluna-direita" class="tres-colunas">
						<label class="etiqueta" for="comercial-cliente">Comercial:</label> <br/>
						<input type="text" id="comercial-cliente" name="comercial-cliente" value="" />
					</div>
				</div>
			</div>
		</div>
		
		<div id="product-information" class="form-data">
			<h3>Dados do Produto</h3>
			<div class="inside">
				<div class="linha-formulario">
					<div id="coluna-esquerda" class="duas-colunas">
						<label class="etiqueta" for="tipo-produto">Tipo:</label> <br/>
						<input type="text" id="tipo-produto" name="tipo-produto" value="" />
					</div>
					<div id="coluna-direita" class="duas-colunas">
						<label class="etiqueta" for="marca-produto">Marca:</label> <br/>
						<input type="text" id="marca-produto" name="marca-produto" value="" />
					</div>
				</div>
				<div class="linha-formulario">
					<div id="coluna-esquerda" class="duas-colunas">
						<label class="etiqueta" for="referencia-produto">Referência:</label> <br/>
						<input type="text" id="referencia-produto" name="referencia-produto" value="" />
					</div>
					<div id="coluna-direita" class="duas-colunas">
						<label class="etiqueta" for="modelo-produto">Modelo:</label> <br/>
						<input type="text" id="modelo-produto" name="modelo-produto" value="" />
					</div>
				</div>
				<div class="linha-formulario">
					<div class="uma-coluna">
						<label class="etiqueta" for="descricao-produto">Descrição:</label> <br/>
						<input type="text" id="descricao-produto" name="descricao-produto" value="Digite aqui as características físicas do produto: cores, formatos, tamanhos, quantidades etc." onFocus="this.value=''"/>
					</div>
				</div>
				<div class="linha-formulario">
					<div id="coluna-esquerda" class="duas-colunas">
						<label class="etiqueta" for="caracteristicas-produto">Características Externas:</label> <br/>
						<textarea type="text" name="caracteristicas-produto" value="" onFocus="this.value=''" >Descreva aqui todas as características externas visíveis: riscos, amassos, descascamentos etc.</textarea>
					</div>
					<div id="coluna-direita" class="duas-colunas">
						<label class="etiqueta" for="defeitos-produto">Defeito(s) Segundo o Cliente:</label> <br/>
						<textarea type="text" name="defeitos-produto" value="" onFocus="this.value=''">Descreva os defeitos de funcionamento e/ou serviços que devem ser executados, segundo o depoimento do cliente.</textarea>
					</div>
				</div>
			</div>
		</div>
		
		<div class="linha-formulario">
			<div id="coluna-esquerda" class="duas-colunas">
				<label class="etiqueta">Data de Entrada</label> <br/>
				<input type="text" id="data-entrada"/>
			</div>
			<div id="coluna-direita" class="duas-colunas">
				<label class="etiqueta">OS cadastrada por</label> <br/>
				<input type="text" id="nome-do-autor"/>
			</div>
		</div>
		
		<div class="buttons-bottom">
			<div id="coluna-esquerda">
				<input type="button" name="botao-voltar" class="button" value="Voltar"/>
			</div>
			<div id="coluna-direita">
				<input type="button" name="botao-limpar" class="button" value="Limpar"/>
				<input type="submit" name="botao-salvar" class="button button-primary" value="Salvar"/>
			</div>
		</div>
	</form>
</div>

</body>
</html>